<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用标签</title>
</head>
<body>
<!--
    标题标签一般用于正文的标题,其范围:h1-h6,块级标签
    标签特点:字体类型一致、字体的大小依次变小、自带加粗与换行
-->
<h1>这是标题标签</h1>
<h2>这是标题标签</h2>
<h3>这是标题标签</h3>
<h4>这是标题标签</h4>
<h5>这是标题标签</h5>
<h6>这是标题标签</h6>
<!--
    在html中,如果写了一个不存在的标签,也不会报错
    只是没有标签效果,相当于直接写了标签体的文本内容
-->
<h7>这不是标题标签</h7>
这不是标题标签
<hr>
<h2>字体标签</h2>
<!--
    已过时的字体标签,现在一般使用css样式来实现
-->
<font face="宋体" color="red" size="4">这是字体标签</font><br>
<font face="楷体" color="green" size="6">这是字体标签</font><br>
<font face="Kaiti" color="blue" size="7">这是字体标签</font><br>
<b>这是加粗的字体</b><br>
<i>这是倾斜的字体</i><br>
<b><i>这是加粗且倾斜的字体</i></b>
<hr>
<h2>滚动标签</h2>
<marquee direction="left" scrollamount="80" behavior="scroll" loop="2"><font color="red">这是一个滚动的文本</font></marquee>
<marquee direction="right" scrollamount="50" behavior="slide"><font color="green">这是一个滚动的文本</font></marquee>
<marquee style="height:300px;border: 1px solid red;" direction="down" scrollamount="50" behavior="alternate" bgcolor="gray"><font color="blue">这是一个滚动的文本</font></marquee>
<marquee style="height:300px;border: 1px solid pink;" direction="up" scrollamount="100"><font color="darkviolet">这是一个滚动的文本</font></marquee>
<span style="color:red;">这是字体</span>
<hr>
<hr color="red">
<hr color="green" size="10" width="800px">
<hr color="blue" size="10" width="50%" align="left">
<hr color="pink" size="10" width="60%" align="right">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>